<room-type1
        mks-draggable
        init-pos-x="400"
        init-pos-y="20"
        change-hovered-seat="changeHoveredSeat(seat)"
        select-seat="selectSeat(seat)"
        unselect-seat="unselectSeat(seat)"
        style="width: 600px;height: 600px "
>
    <!-- 左下角 -->
    <seat-block-type1 x="100px" y="180px">
        <seat-row-type1>
            <seat-type1 direction="left" seat-model="seats[4]"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 direction="left" seat-model="seats[3]"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 direction="left" seat-model="seats[2]"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 direction="left" seat-model="seats[1]"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 direction="left" seat-model="seats[0]"></seat-type1>
        </seat-row-type1>
    </seat-block-type1>

    <!-- 右上角 -->
    <seat-block-type1 x="300px" y="10px">
        <seat-row-type1>
            <seat-type1 direction="left" seat-model="seats[16]"></seat-type1>
            <seat-type1 direction="right" seat-model="seats[15]"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 direction="left" seat-model="seats[18]"></seat-type1>
            <seat-type1 direction="right" seat-model="seats[17]"></seat-type1>
        </seat-row-type1>
    </seat-block-type1>

    <!-- 右下角 -->
    <seat-block-type1 x="300px" y="180px">
        <seat-row-type1>
            <seat-type1 direction="left" seat-model="seats[9]"></seat-type1>
            <seat-type1 direction="right" seat-model="seats[14]"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 direction="left" seat-model="seats[8]"></seat-type1>
            <seat-type1 direction="right" seat-model="seats[13]"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 direction="left" seat-model="seats[7]"></seat-type1>
            <seat-type1 direction="right" seat-model="seats[12]"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 direction="left" seat-model="seats[6]"></seat-type1>
            <seat-type1 direction="right" seat-model="seats[11]"></seat-type1>
        </seat-row-type1>
        <seat-row-type1>
            <seat-type1 direction="left" seat-model="seats[5]"></seat-type1>
            <seat-type1 direction="right" seat-model="seats[10]"></seat-type1>
        </seat-row-type1>
    </seat-block-type1>
</room-type1>